<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>个人空间</title>
    <style>
        h1 {
            text-align: center;
        }
        .h2-container {
            display: flex;
            flex-direction: column;
            justify-content: flex-start; /* 将多个项目靠顶对齐 */
            align-items: flex-start; /* 将每行项目顶部对齐 */
        }
        h2 {
            display: block;
            padding: 10px;
            border: 1px solid black;
            border-radius: 5px;
            margin: 5px;
        }
    </style>
    <script>
        function openPopup() {
            alert("欢迎来到西亚斯数字技术产业学院!");
        }
    </script>
</head>
<body onload="openPopup()">
    <h1>西亚斯数字技术产业学院</h1>
    <div class="h2-container">
        <h2><a href="/student_page"> 学生 </a></h2>
        <h2><a href="/class_page"> 课程 </a></h2>
        <h2><a href="/book_page"> 教材 </a></h2>
        <h2><a href="/teacher_page"> 教师 </a></h2>
    </div>
</body>
</html>